<app-common-header [title]="'myAccount.setting.payment_settings.page_title' | translate" [routerUrl]="'/tabs/myAccount/setting'"></app-common-header>
<ion-content>
  <ion-list>
    <ion-item [button]="!option.toggle" *ngFor="let option of options" (click)="showDetail($event,option.id)">
      <!-- <ion-icon slot="start" name="logo-{{tech.icon}}"></ion-icon> -->
      <ion-label class="i-label">
        <div class="ion-float-left">
          <ion-text color="" class="title_size"> {{option.title}} </ion-text>
        </div>
        <div class="ion-float-right" [ngStyle]="{'visibility': option.toggle ? 'visible':'hidden'}">
          <ion-toggle color="primary" [(ngModel)]="option.optionEnable" class="toggle_width" 
            [ngClass]="{'toggle_off':!option.optionEnable,'toggle_on':option.optionEnable}" (ionFocus)="changeOptionToggle($event,option)">
          </ion-toggle>
        </div>
      </ion-label>
    </ion-item>
  </ion-list>
</ion-content>